import React, { Component } from 'react'
import { Button, Modal, Select, Form, Row, Col, Input, Radio, Table, DatePicker } from 'antd';
import BaseComponent from '@/components/BaseComponent';
import { connect } from 'dva';

@connect(({ user }) => ({
    // data: risk.riskData,
    currentUser: user.currentUser,
}))

export default class index extends BaseComponent {
    constructor(props) {
        super(props)
        this.state = {
            visible: false,
            form: {
            },
            maritalStatusData: [
                { label: "未婚", value: "1" },
                { label: "已婚", value: "2" },
                { label: "离异", value: "3" },
                { label: "丧偶", value: "4" },
            ],
            drinkData: [
                { label: "不喝", value: "1" },
                { label: "偶尔喝", value: "2" },
                { label: "经常喝", value: "3" },
            ],
            systolicPressureData: [
                { label: "120mmHg", value: "1" },
                { label: "120mmHg~139mmHg", value: "2" },
                { label: "140mmHg~179mmHg", value: "3" },
                { label: "180mmHg", value: "4" },
            ],
            diastolicPressureData: [
                { label: "80mmHg", value: "1" },
                { label: "80mmHg~89mmHg", value: "2" },
                { label: "90mmHg~109mmHg", value: "3" },
                { label: "110mmHg", value: "4" },
            ],
            drinkQuantityData: [
                { label: "<2两", value: "1" },
                { label: "2~5两", value: "2" },
                { label: "6~10两", value: "3" },
                { label: ">10两", value: "4" },
            ],
            drinkFrequencyData: [
                { label: "一周2~3次", value: "1" },
                { label: "一周4~6次", value: "2" },
                { label: "一周6次以上", value: "3" },
            ],
            foodData: [
                { label: "从不", value: "1" },
                { label: "很少(<2次/周)", value: "2" },
                { label: "经常(>=2次/周)", value: "3" },
            ],
            blackTeaYearData: [
                { label: "<1年", value: "1" },
                { label: "1~5年", value: "2" },
                { label: "6~10年", value: "3" },
                { label: ">10年", value: "4" },
            ],
            foodData: [
                { label: "从不", value: "1" },
                { label: "很少(<2次/周)", value: "2" },
                { label: "经常(>=2次/周)", value: "3" },
            ],
            whether: [
                { label: "否", value: "1" },
                { label: "是", value: "2" },
                { label: "不清楚", value: "3" },
            ],
            loseToothData: [
                { label: "1颗", value: "1" },
                { label: "2~4颗", value: "2" },
                { label: "3~5颗", value: "3" },
                { label: "5颗以上", value: "4" },
            ],
            plantToothData: [
                { label: "无", value: "1" },
                { label: "1颗", value: "2" },
                { label: "2~4颗", value: "3" },
                { label: "3~5颗", value: "4" },
                { label: "5颗以上", value: "5" },
            ],
            verifyTimeData: [
                { label: "<1年", value: "1" },
                { label: "1~5年", value: "2" },
                { label: "6~10年", value: "3" },
                { label: ">10年", value: "4" },
            ],
            helicobacterPyloriDetectionMethodData: [
                { label: "快速尿素酶试验", value: "1" },
                { label: "碳 13呼气试验", value: "2" },
                { label: "碳 14呼气试验", value: "3" },
                { label: "血清抗体试验", value: "4" },
                { label: "病理诊断", value: "5" },
                { label: "粪便抗原检测", value: "6" },
                { label: "不清楚", value: "7" },
            ],

        }
    }

    userNameChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                userName: value
            }
        }));
    }

    sexChange = e => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                sex: value
            }
        }));
    };

    idCardChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                idCard: value
            }
        }));
    }
    maritalStatusChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                maritalStatus: value
            }
        }));
    }

    heightChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                height: value
            }
        }));
    }
    weightChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                weight: value
            }
        }));
    }
    systolicPressureChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                systolicPressure: value
            }
        }));
    }
    diastolicPressureChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                diastolicPressure: value
            }
        }));
    }
    smokeChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                smoke: value
            }
        }));
    }
    smokingFrequencyChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                smokingFrequency: value
            }
        }));
    }
    smokingYearChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                smokingYear: value
            }
        }));
    }
    drinkChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                drink: value
            }
        }));
    }
    drinkQuantityChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                drinkQuantity: value
            }
        }));
    }
    drinkFrequencyChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                drinkFrequency: value
            }
        }));
    }
    blackTeaChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                blackTea: value

            }
        }));
    }
    blackTeaYearChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                blackTeaYear: value
            }
        }));
    }
    vegetableChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                vegetable: value
            }
        }));
    }
    fruitsChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                fruits: value
            }
        }));
    }
    eggsMilkChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                eggsMilk: value
            }
        }));
    }
    BeanFoodChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                BeanFood: value
            }
        }));
    }
    sunDryFoodChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                sunDryFood: value
            }
        }));
    }
    deepFryFoodChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                deepFryFood: value
            }
        }));
    }
    hotFoodChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                hotFood: value
            }
        }));
    }
    mildewFoodChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                mildewFood: value
            }
        }));
    }
    toothChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                tooth: value
            }
        }));
    }

    loseToothChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                loseTooth: value
            }
        }));
    }
    plantToothChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                plantTooth: value
            }
        }));
    }
    gastroscopeChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                gastroscope: value
            }
        }));
    }
    oesophagitisChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                oesophagitis: value
            }
        }));
    }
    cardiaIntestinalMetaplasiaChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                cardiaIntestinalMetaplasia: value
            }
        }));
    }
    nonAtrophicGastritisChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                nonAtrophicGastritis: value
            }
        }));
    }
    atrophicGastritisChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                atrophicGastritis: value
            }
        }));
    }
    intestinalMetaplasiaChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                intestinalMetaplasia: value
            }
        }));
    }
    gastricAndDuodenalUlcersChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                gastricAndDuodenalUlcers: value
            }
        }));
    }
    gastricPolypsChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                gastricPolyps: value
            }
        }));
    }
    lowGradeIntraepithelialNeoplasiaChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                lowGradeIntraepithelialNeoplasia: value
            }
        }));
    }
    highGradeNeoplasiaAndEarlyCancerChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                highGradeNeoplasiaAndEarlyCancer: value
            }
        }));
    }
    historyOfBenignDiseaseSubtotalGastrectomyChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                historyOfBenignDiseaseSubtotalGastrectomy: value
            }
        }));
    }

    historyOfBenignDiseaseSubtotalGastrectomyTimeChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                historyOfBenignDiseaseSubtotalGastrectomyTime: value
            }
        }));
    }

    historyOfSubtotalGastrectomyForGastricCancerChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                historyOfSubtotalGastrectomyForGastricCancer: value
            }
        }));
    }
    historyOfSubtotalGastrectomyForGastricCancerTimeChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                historyOfSubtotalGastrectomyForGastricCancerTime: value
            }
        }));
    }
    barrettEsophagusChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                barrettEsophagus: value
            }
        }));
    }

    gastricMucosaGiantFoldSignChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                gastricMucosaGiantFoldSign: value
            }
        }));
    }
    helicobacterPyloriInfectionChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                helicobacterPyloriInfection: value
            }
        }));
    }

    helicobacterPyloriDetectionMethodChange = (value) => {
        this.setState((params) => ({
            form: {
                ...params.form,
                helicobacterPyloriDetectionMethod: value
            }
        }));
    }

    hepatitisChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                hepatitis: value
            }
        }));
    }

    squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTractChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTract: value
            }
        }));
    }
    perniciousAnemiaChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                perniciousAnemia: value
            }
        }));
    }
    elseChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                else: value
            }
        }));
    }
    diseasNameChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                diseasName: value
            }
        }));
    }
    firstDegreeRelativeHadTumorChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                firstDegreeRelativeHadTumor: value
            }
        }));
    }
    domesticRelationChange = (e) => {
        const value = e.target.value;
        this.setState((params) => ({
            form: {
                ...params.form,
                domesticRelation: value
            }
        }));
    }


    showModal = () => {
        this.setState({
            visible: true,
        });
        this.getDataByPage(this.props.record.id)
    };

    handleOk = () => {
        this.setState({
            visible: false,
        });
    };
    handleCancel = () => {
        this.setState({
            visible: false,
        });
    };


    //查看详情
    getDataByPage = (id) => {
        this.execHttp('qrCode/viewDetails', {
            id
        }).then(resp => {
            if (resp.success) {
                this.setState({
                    form: JSON.parse(resp.data.content),
                })
                console.log('this.state.form', this.state.form)
            }
        });
    }

    render() {
        const { visible } = this.state;

        const columns = [
            {
                title: '亲属关系',
                dataIndex: 'domesticRelation',
                key: 'domesticRelation',
                render: (text, record) => (
                    <div>
                        <Radio.Group value={record.domesticRelation} >
                            <Radio value='1'>父母</Radio>
                            <Radio value='2'>兄弟姐妹</Radio>
                            <Radio value='3'>儿女</Radio>
                        </Radio.Group>
                    </div>
                ),
            },
            {
                title: '肿瘤名称',
                dataIndex: 'tumorName',
                key: 'tumorName',
                render: (text, record, index) => {
                    const { tumorName } = record;
                    const data = [
                        { label: "肺癌", value: "1" },
                        { label: "乳腺癌", value: "2" },
                        { label: "结直肠癌", value: "3" },
                        { label: "肝癌", value: "4" },
                        { label: "胃癌", value: "5" },
                        { label: "食管癌", value: "6" },
                        { label: "子宫颈癌", value: "7" },
                        { label: "甲状腺癌", value: "8" },
                        { label: "前列腺癌", value: "9" },
                        { label: "子宫体癌", value: "10" },
                        { label: "口腔和咽喉肿瘤", value: "11" },
                        { label: "鼻咽癌", value: "12" },
                        { label: "肛门癌", value: "13" },
                        { label: "胆囊癌", value: "14" },
                        { label: "胰腺癌", value: "15" },
                        { label: "喉癌", value: "16" },
                        { label: "骨肿瘤", value: "17" },
                        { label: "皮肤黑色素瘤", value: "18" },
                        { label: "卵巢癌", value: "19" },
                        { label: "睾丸癌", value: "20" },
                        { label: "肾癌", value: "21" },
                        { label: "膀胱癌", value: "22" },
                        { label: "脑和中枢神经系统肿瘤", value: "23" },
                        { label: "淋巴瘤", value: "24" },
                        { label: "白血病", value: "25" },
                        { label: "其他", value: "26" },
                    ]
                    const str = tumorName ? data.find(item => item.value == tumorName) : '';
                    return str.label;
                },
            },
            {
                title: '操作',
                key: 'action',
                render: (text, record) => (
                    <div>
                        {/* <Button type="primary"  >
                            添加
                        </Button>
                        <Button style={{ marginLeft: "10px" }} type="danger"  >
                            删除
                        </Button> */}

                    </div>
                ),
            },
        ];
        const formItemLayout = {
            labelCol: {
                xs: { span: 24 },
                sm: { span: 8 },
            },
            wrapperCol: {
                xs: { span: 24 },
                sm: { span: 16 },
            },
        };

        return (
            <div>
                <Button type="primary" onClick={this.showModal} >查看</Button>
                <Modal
                    title="修改"
                    visible={visible}
                    onOk={this.handleOk}
                    onCancel={this.handleCancel}
                    width={1500}
                >
                    <Form {...formItemLayout} >
                        <h3>基本信息</h3>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="姓名">
                                    <Input placeholder="姓名" value={this.state.form.userName}
                                        onChange={this.userNameChange} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="性别">
                                    <Radio.Group onChange={this.sexChange} value={this.state.form.sex} >
                                        <Radio value='1'>男</Radio>
                                        <Radio value='2'>女</Radio>
                                    </Radio.Group>

                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="身份证">
                                    <Input placeholder="身份证" onChange={this.idCardChange} value={this.state.form.idCard} style={{width:"200px"}} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="教育程度">
                                    <Select value={this.state.form.maritalStatus} onChange={this.maritalStatusChange}>
                                        {this.state.maritalStatusData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="身高">
                                    <Input placeholder="身高" value={this.state.form.height}
                                        onChange={this.heightChange} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="体重">
                                    <Input placeholder="体重" value={this.state.form.weight}
                                        onChange={this.weightChange} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="收缩压">
                                    <Select value={this.state.form.systolicPressure} onChange={this.systolicPressureChange}>
                                        {this.state.systolicPressureData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>

                            <Col span={6}>
                                <Form.Item label="舒张压">
                                    <Select value={this.state.form.diastolicPressure} onChange={this.diastolicPressureChange}>
                                        {this.state.diastolicPressureData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>

                        <h3>生活方式</h3>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="吸烟">
                                    <Radio.Group onChange={this.smokeChange} value={this.state.form.smoke} >
                                        <Radio value='1'>否</Radio>
                                        <Radio value='2'>是</Radio>
                                    </Radio.Group>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="吸烟频率(支/天)">
                                    <Input placeholder="吸烟频率(支/天)" onChange={this.smokingFrequencyChange} value={this.state.form.smokingFrequency} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="吸烟持续年数(年)">
                                    <Input placeholder="吸烟频率(支/天)" onChange={this.smokingYearChange} value={this.state.form.smokingYear} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="饮酒">
                                    <Select value={this.state.form.drink} onChange={this.drinkChange}>
                                        {this.state.drinkData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="饮酒量">
                                    <Select value={this.state.form.drinkQuantity} onChange={this.drinkQuantityChange}>
                                        {this.state.drinkQuantityData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="饮酒频率(年)">
                                    <Select value={this.state.form.drinkFrequency} onChange={this.drinkFrequencyChange}>
                                        {this.state.drinkFrequencyData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="饮茶">
                                    <Radio.Group onChange={this.blackTeaChange} value={this.state.form.blackTea} >
                                        <Radio value='1'>不喝</Radio>
                                        <Radio value='2'>偶尔喝</Radio>
                                        <Radio value='3'>经常喝</Radio>
                                    </Radio.Group>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="饮茶持续年数">
                                    <Select value={this.state.form.blackTeaYear} onChange={this.blackTeaYearChange}>
                                        {this.state.blackTeaYearData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>

                        <h3>下列食物您经常吃吗</h3>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="新鲜蔬菜">
                                    <Radio.Group options={this.state.foodData} onChange={this.vegetableChange} value={this.state.form.vegetable} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="新鲜水果">
                                    <Radio.Group options={this.state.foodData} onChange={this.fruitsChange} value={this.state.form.fruits} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="肉蛋奶类">
                                    <Radio.Group options={this.state.foodData} onChange={this.eggsMilkChange} value={this.state.form.eggsMilk} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="豆类食品">
                                    <Radio.Group options={this.state.foodData} onChange={this.BeanFoodChange} value={this.state.form.BeanFood} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="腌晒食品">
                                    <Radio.Group options={this.state.foodData} onChange={this.sunDryFoodChange} value={this.state.form.sunDryFood} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="油炸食品">
                                    <Radio.Group options={this.state.foodData} onChange={this.deepFryFoodChange} value={this.state.form.deepFryFood} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="热烫食品">
                                    <Radio.Group options={this.state.foodData} onChange={this.hotFoodChange} value={this.state.form.hotFood} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="霉变食品">
                                    <Radio.Group options={this.state.foodData} onChange={this.mildewFoodChange} value={this.state.form.mildewFood} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="有没有牙齿缺失">
                                    <Radio.Group options={this.state.whether} onChange={this.toothChange} value={this.state.form.tooth} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="缺失几颗牙">
                                    <Select value={this.state.form.loseTooth} onChange={this.loseToothChange}>
                                        {this.state.loseToothData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="种植/镶几颗牙">
                                    <Select value={this.state.form.plantTooth} onChange={this.plantToothChange}>
                                        {this.state.plantToothData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>

                        <h3>消化系统疾病史</h3>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="是否做过胃镜">
                                    <Radio.Group options={this.state.whether} onChange={this.gastroscopeChange} value={this.state.form.gastroscope} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="反流性食管炎">
                                    <Radio.Group options={this.state.whether} onChange={this.oesophagitisChange} value={this.state.form.oesophagitis} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="贲门肠上皮化生">
                                    <Radio.Group options={this.state.whether} onChange={this.cardiaIntestinalMetaplasiaChange} value={this.state.form.cardiaIntestinalMetaplasia} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="非萎缩性胃炎">
                                    <Radio.Group options={this.state.whether} onChange={this.nonAtrophicGastritisChange} value={this.state.form.nonAtrophicGastritis} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="萎缩性胃炎">
                                    <Radio.Group options={this.state.whether} onChange={this.atrophicGastritisChange} value={this.state.form.atrophicGastritis} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="肠上皮化生">
                                    <Radio.Group options={this.state.whether} onChange={this.intestinalMetaplasiaChange} value={this.state.form.intestinalMetaplasia} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="胃、十二指肠溃疡">
                                    <Radio.Group options={this.state.whether} onChange={this.gastricAndDuodenalUlcersChange} value={this.state.form.gastricAndDuodenalUlcers} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="胃息肉">
                                    <Radio.Group options={this.state.whether} onChange={this.gastricPolypsChange} value={this.state.form.gastricPolyps} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="低级别上皮内瘤变">
                                    <Radio.Group options={this.state.whether} onChange={this.lowGradeIntraepithelialNeoplasiaChange} value={this.state.form.lowGradeIntraepithelialNeoplasia} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="高级别瘤变与早癌">
                                    <Radio.Group options={this.state.whether} onChange={this.highGradeNeoplasiaAndEarlyCancerChange} value={this.state.form.highGradeNeoplasiaAndEarlyCancer} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="Barrett食管">
                                    <Radio.Group options={this.state.whether} onChange={this.barrettEsophagusChange} value={this.state.form.barrettEsophagus} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="良性疾病胃大部切除史">
                                    <Radio.Group options={this.state.whether} onChange={this.historyOfBenignDiseaseSubtotalGastrectomyChange} value={this.state.form.historyOfBenignDiseaseSubtotalGastrectomy} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="疾病确诊后时间">
                                    <Select value={this.state.form.historyOfBenignDiseaseSubtotalGastrectomyTime} onChange={this.historyOfBenignDiseaseSubtotalGastrectomyTimeChange}>
                                        {this.state.verifyTimeData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="胃癌胃大部切除史">
                                    <Radio.Group options={this.state.whether} onChange={this.historyOfSubtotalGastrectomyForGastricCancerChange} value={this.state.form.historyOfSubtotalGastrectomyForGastricCancer} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="疾病确诊后时间">
                                    <Select value={this.state.form.historyOfSubtotalGastrectomyForGastricCancerTime} onChange={this.historyOfSubtotalGastrectomyForGastricCancerTimeChange}>
                                        {this.state.verifyTimeData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="胃黏膜巨大皱褶征">
                                    <Radio.Group options={this.state.whether} onChange={this.gastricMucosaGiantFoldSignChange} value={this.state.form.gastricMucosaGiantFoldSign} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="幽门螺杆菌感染">
                                    <Radio.Group options={this.state.whether} onChange={this.helicobacterPyloriInfectionChange} value={this.state.form.helicobacterPyloriInfection} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="幽门螺杆菌检测方法">
                                    <Select value={this.state.form.helicobacterPyloriDetectionMethod} onChange={this.helicobacterPyloriDetectionMethodChange}>
                                        {this.state.helicobacterPyloriDetectionMethodData.map(item => (
                                            <Select.Option key={item.value}>{item.label}</Select.Option>
                                        ))}
                                    </Select>
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="肝炎">
                                    <Radio.Group options={this.state.whether} onChange={this.hepatitisChange} value={this.state.form.hepatitis} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="头颈部或呼吸道鳞癌">
                                    <Radio.Group options={this.state.whether} onChange={this.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTractChange} value={this.state.form.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTract} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="恶性贫血">
                                    <Radio.Group options={this.state.whether} onChange={this.perniciousAnemiaChange} value={this.state.form.perniciousAnemia} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="其它">
                                    <Radio.Group options={this.state.whether} onChange={this.elseChange} value={this.state.form.else} />
                                </Form.Item>
                            </Col>
                            <Col span={6}>
                                <Form.Item label="疾病名称">
                                    <Input placeholder="疾病名称" value={this.state.form.diseasName} onChange={this.diseasNameChange} />
                                </Form.Item>
                            </Col>

                        </Row>

                        <h3>肿瘤家族史</h3>
                        <Row gutter={16}>
                            <Col span={6}>
                                <Form.Item label="你家中有没有人得过肿瘤">
                                    <Radio.Group options={this.state.whether} onChange={this.firstDegreeRelativeHadTumorChange} value={this.state.form.firstDegreeRelativeHadTumor} />
                                </Form.Item>
                            </Col>
                        </Row>

                        <Table columns={columns} dataSource={this.state.form.content} rowKey='id' />



                    </Form>

                </Modal>


            </div>
        )
    }
}
